<template>
    <fieldset>
        <legend>插槽</legend>
        <input type="text"> <button>点击</button>

        <div class="header">
        <slot name="header">
            <!-- 可以在slot的标签中间 编写默认占位的内容 组件如果没有传递就可以使用默认站位的内容  如果传递了就使用传递的内容 -->
        </slot>
        </div>

        <div class="body">
            <slot name="main" :s="fio"></slot>
        </div>

        <div class="footer">
            <slot name="footer"></slot>
        </div>

            <!-- 默认的分发 -->

            <!-- 插槽作用域 -->
        <slot :v="obj"></slot>
    </fieldset>
</template>

<script>

export default{
    data(){
        
        return{
            fio:'枪出如龙',
            obj:{
                name:'一刀流',
                nickname:'上忍',
                address:'城中村'
            }
        }
    }
}

</script>
